body{
    width:100%;
    height:100%;
    margin:0;
    padding:0;
    overflow-x:hidden;
}
ul{
    list-style: none;
}
.serviceF{
    width:100%;
    position:relative;
    height:100%;
    background:url(../img/Z.jpg) no-repeat left center/100% 100%;
}
.service-ani{
    width:1200px;
    height:960px;
    margin:0 auto;
    position:relative;
}
.service-ani>div{
    position:relative;
}
/*左*/
.ani-left{
    width:600px;
    text-align: center;
    height:367px;  
          top: 40%;
    margin: -100px 0 0 -20px;
    width: 50%;
}
.ani-left h3{
    font-size: 28px;
    color: #f60;
    margin-bottom: 30px;
    animation:fadeInUp 2s;
}
.ani-left p{
    font-size: 22px;
    color: #333;
    animation:fadeInUp 2s;
    line-height: 60px;
}
/*中*/
.ani-con{
    width: 120px;
    height: 520px;
    left: 50%;
    top: 19%;
    margin: -260px 0 0 -60px;
    text-align: center;
    animation:fadeOutUp 2s;
}
.ani-con ul {
    margin:0;
    padding:0;
}
.ani-con ul li{
    width:120px;
    height:120px;
    /*border-radius: 100%;*/
    /*background:url(../img/111.png) no-repeat left center/100% 100%;*/
    margin:30px 0 30px 0;
    position:relative;
}
.ani-con ul li p{
    position:relative;
    /*top:-40px;*/
    width:100%;
    color:white;
}
.ani-con ul li img{
    /*width:100%;*/
    /*height:100%;*/
    position:absolute;
}
.ul-xs{
    display:block;

}
.ul-xc{
    display:block;
}
/*右*/
.ani-right{
    width:500px;
    height:600px;
    float: right;
    margin-top:-26%;
    animation:bounceInRight 2s 1s;
    text-align: center;
}
.ani-right  h2{
    color:white;
    width:100%;
}
.ani-right img{
    width:481px;
    height:335px;
}
/**/

.ani-one{
    position:absolute;
    display:block;
}
.ani-two{
    position:absolute;
    display:none;
}
.ani-three{
    position:absolute;
    display:none;

}